<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
   <div id="app">
       <!--book.name  绑定给表单
          用户再表单中输入的值绑定给vue的book.name字段
       -->
        <input type="text" v-model="book.name"> {{book.name}}
       <input type="text" v-model="book.author">  {{book.author}}

       <button @click="add">新增</button>

   </div>
   <!--    {{msg}}-->
       <script src="js/vue.js"></script>
       <script type="text/javascript">
           //1,创建vue对象
           const app = new Vue({
               el:"#app",// 绑定的dom的id   代表vue实例中的数据只在该dom中有效
               data:{//定义一些数据   项目中：异步请求服务端，服务端获取
                 // book:{name:'老王和小红的故事',author:'老王'}
                   book:{}
               },
             methods:{
                   add(){
                       console.log(this.book);
                       //得到用户录入的值，
                       // $.ajax({url:"",
                       // data:this.book,
                       // });
                   }
             }
           });
       </script>

</body>
</html>